倒數不到一周!
今天就來繼續昨天沒說完的程式碼部分吧!
雙十連假什麼的,不屬於還沒完賽的人啦
昨天還未說完的js程式碼
//a昨天有宣告
function fn2() {
var aa = document.getElementsByTagName("a");
for (var i = 0; i < aa.length; i++) {
aa[i].onclick = function () {
this.parentNode.parentNode.removeChild(this.parentNode);
}
}
}
這是調整按刪除後的順序
getElementsByTagName昨天文章有提到,可以按我前往
.css
.talk {
width: 800px;
min-height: 300px;
border: 2px solid rgb(252, 31, 31);
margin: auto;
margin-top: 20px;
}
.talk .lyb {
width: 90%;
margin: auto;
display: block;
border: 1px solid rgb(36, 27, 27);
padding: 5px 0px;
top: 10px;
position: relative;
}
.talk .div1 {
width: 90%;
border: 1px solid rgb(10, 178, 66);
margin: 10px auto;
top: 10px;
position: relative;
min-height: 100px;
}
.talk .div1 p {
width: 85%;
padding: 5px 0px;
height: 30px;
line-height: 30px;
}
.talk .div1 ul {
width: 100%;
margin: auto;
}
.talk .div1 ul li {
width: 85%;
height: auto;
padding: 10px;
list-style: none;
margin: 5px;
background: rgb(255, 210, 143);
}
#wbk {
resize: none;
width: 90%;
margin: auto;
height: 80px;
display: block;
position: relative;
top: 10px;
}
#gobtn {
//這是按鈕
width: 40%;
height: 50px;
margin: auto;
justify-content: center;
display: flex;
margin-top: 20px;
margin-bottom: 10px;
border: 5px royalblue double;
cursor: pointer;
position: relative;
background-color: rgb(177, 255, 255);
}
.talk a {
//刪除鍵效果
float: right;
color: rgb(5, 5, 14);
}
css很多特效之前都有講解過了,可以回頭看,就不多給連結囉!
總結一下,昨天打了JS,今天加了CSS,明天會加入已做好的成品內,今天有先是放進去,不過遇到了一個困難。
那究竟是什麼困難呢?下回待續...
以上是我開賽的第二十五天,讓我們來期待第二十六天的到來吧!
加油、加油! 倒數5天。